<template>
    <div style="height:300px;border:1px solid red">
          <el-row :gutter="20">
            <el-col :span="6" v-for="(address, index) in addresses" :key="index">
                <div class="address-box">{{ address }}</div>
                <div v-if="index !== addresses.length - 1" class="divider"></div>
            </el-col>
        </el-row>
    </div>
  
</template>

<script>
export default {
   data() {
    return {
      addresses: ['地址1', '地址2', '地址3', '地址4'] // 根据需要填写地址信息
    };
  }
}
</script>

<style scoped>
.address-box {
  padding: 10px;
  border: 1px solid #ebeef5; /* Element UI 的边框颜色 */
  text-align: center;
  height: 50px; /* 根据需要调整高度 */
  line-height: 30px; /* 垂直居中 */
}
.divider {
  border-top: 2px solid #000; /* 中横线的颜色 */
  margin: 0 auto; /* 水平居中 */
  width: calc(100% - 20px); /* 根据 el-col 的 gutter 值调整 */
}
</style>